<template>
    <div class="question">
        <headIndex :hindex="num" @getCat="valueChange"/>

        <div class="list_r">
            <ul v-if="total > 0" style="padding-top: 20px">                
                <li v-for="(item, index) in qusetionList" :key="index" >  <!--@click="goDetails(item)"-->
                    <a :href="'/question_article?id=' + item.tikuid">
                        <i class="iconfont icon-xiangyou"></i>{{ item.tikuming }}
                    </a>
                </li>                               
            </ul>
        </div>
        
        <footIndex />
    </div>    
</template> 
<script setup name="question">
import { 
    getQuestuin, 
} from "@/api/yxzx/info";
import headIndex from "./components/headIndex/index.vue";
import footIndex from "./components/footIndex/index.vue";
export default {
    components: {
        headIndex,
        footIndex,
    },
    data() {
        return {
            loading: true,
            num: 7,
            qusetionList: [],
            total: 0,
            queryParams: {
                pageNum: 1,
                pageSize: 15,
                isvalid: '1'
            },
        }
    },
    watch: {},
    created() {
        this.getList()
    },
    methods: {
        getList(){
            getQuestuin(this.queryParams.pageNum,this.queryParams.pageSize,this.queryParams.isvalid).then(response => {
                this.loading = false,
                this.qusetionList = response.rows
                this.total = response.total
            })    
        },
        goDetails(val){

        }
    }    
}
</script>  